@charset "utf-8";

@media screen and (min-width:1400px){
	/*index*/
	#header .nav{ width:1016px;}
	#header .nav ul li a{padding:0 30px; }
}


@media screen and (max-width: 1399px) {
	
	/*index*/
	#header .nav{ width:836px;}
	#header .nav ul li a{padding:0 20px; }
}


@media screen and (max-width: 1199px) {	
	/*index*/
	#header .language{font-size:12px;}
	#header .nav{width:552px;}
	#header .nav ul li a{font-size:12px;padding:0 8px; }
	
	/*article*/
	.article-top{padding-left:20px;}
	.article-toolbar{ float:left;margin:0;left:20px;top:130px; position:fixed; width:15%;}
	.article{padding:0;margin:0;float:left; width:70%; padding-left:22%;}
	.article-ad{margin:0;float:right;width:70%;position:static; padding:32px 12px;}
}

@media screen and (max-width: 980px){
	#header .logo{ width:100%; height:78px;}
	#header .logo img{width:175px;}
	#header .language{}
	#header .nav{ display:none; width:100%;padding:78px 0; margin:0; overflow:hidden; background:#fff;}
	#header .nav ul{width:100%;}
	#header .nav ul li{ float:left;width:25%;text-align:center; overflow:hidden;}
	#header .nav ul li a{float:left;width:100%;font-size:14px; padding:0; margin:0;background:#eee;border:1px solid #fff; }
	#header .nav ul li a:link,#header .nav ul li a:visited{color:#525E64;}
	#header .nav ul li a:hover,#header .nav ul li a:active,
	#header .nav ul li a.active:link,#header .nav ul li a.active:visited,
	#header .nav ul li a.active:hover,#header .nav ul li a.active:active{color:#fff; background:#000;}
	#header .nav >ul li:hover >ul{visibility:hidden; display:none;}

	.btn-navbar{display:block;}
	.subnav a{ margin:0 10px;}

	#footer .footer-container{padding:0 12px;}
	
	/*history*/
	.history-item{ background-position:center 120px;}
	/*end history*/
	
}

@media screen and (min-width: 767px) and (max-width: 960px){
	
	/*index*/
	.index-news-container li a.index-nav span{ padding-top:110px;}
	.index-news-container li a.index-nav-news span{ background:url(../images/icon-index-01.png) center 33px no-repeat;}
	.index-news-container li a.index-nav-about span{ background:url(../images/icon-index-02.png) center 33px no-repeat;}
	.index-news-container li a.index-nav-media span{ background:url(../images/icon-index-03.png) center 30px no-repeat;}
}

@media screen and (max-width: 767px){
	/*index*/
	.index-news-container li{width:33.33333%;}
	.activities-container{ width:100%;}
}


@media screen and (max-width: 480px) {
	#header{ position:absolute;}
	#header .logo img{width:145px;}
	#header .language{font-size:12px; padding:0 24px;}
	#header .nav ul li{width:50%;height:60px; line-height:60px;}
	#header .header-sidebar{padding-right:0;}
	#header .search{display:none;}
	.btn-navbar{ padding:24px 12px; border-right:1px solid #F6F6F6;}
	
	#footer .footer-contact-form{float:left; overflow:hidden;}
	#footer .footer-contact-text{float:left;font-size:10px;}
	#footer .footer-en .footer-container-2{padding:0 12px;}
	#footer .footer-bottom{ padding:12px;}
	#footer .footer-text{font-size:10px;padding:0 0 12px 0;}
	#footer .footer-nav{float:left; margin-left:-8px;}
	
	.content-text{width:100%;}
	.content-sidebar{width:100%;}
	
	.subnav-en{ float:left; width:100%; height:inherit; line-height:normal; padding:0; font-size:1em; margin:12px 0;}
	.subnav-en a{ float:left;width:100%; padding:6px 0; margin:0; text-align:center;}
	
	/*index*/
	.index-news-container li{width:50%;}
	.index-news-container li a.index-nav span{background-position: center 30px; padding-top:110px;}
	/* end index */
	
	/*history*/
	.history-item-right,
	.history-item,
	.history-item-time,
	.history-item-text{width:100%; float:none;}
	
	.history-item{ margin:30px 0;}
	.history-item-text .history-item-content{ padding:12px;}
	/* end history */
	
	/* news03*/
	.news-contest-text{width:100%;}
	/* end news03 */
	
	/*article*/
	.article-toolbar{ float:left;margin:0;position:static;padding:12px; width:100%; height:auto; top:inherit;left:0; bottom:0; background:#fff;}
	.article{width:100%;padding:0;}
	.article-ad{ float:none;clear:both;margin:0 auto;width:242px;position:static; padding:32px 12px;}
	/* end article*/
	
	/*case*/
	.case-wrapper{ width:100%;}
	/* end case*/
	
	/*calendar*/
	.calendar-wrap{padding:3em 0;}
	.calendar-item{width:340px;}
	/* end case*/
	
	.contactus div{width:100%;}
	
	/* form */
	.form-container{ width:100%;}
	.form-group .form-label{ width:100%; margin:0 15px; text-align:left;}
	.form-group .form-col-1{ margin-left:15px;}
	.form-group .form-textarea{ width:100%}
}